/**
 * Created by MingIr on 2017/1/22.
 * @author:bjzhang
 */

import React,{ Component } from 'react';
import {
    View,
    StyleSheet,
    Image,
    Text,
    TouchableHighlight,
} from 'react-native';

import PHead from '../module/header';

export default class MineAccount extends Component{
    constructor(props){
        super(props);
    }

    render(){
        return(
            <View style={styles.container}>
                <PHead leftIcon={require('../../icon/camera/camera_icon_back.png')} title='我的'></PHead>
                <View style={[styles.container,styles.paddingContainer]}>
                    <View style={[styles.row,styles.lineBottom]}>
                        <View style={[styles.innerRow,styles.row]}>
                            <Text style={styles.itemTx}>账户</Text>
                            <Text style={styles.itemTx}>¥100.00</Text>
                        </View>
                        <Image source={require('../../icon/common/icon_go.png')}></Image>
                    </View>
                    <View style={[styles.row]}>
                        <View style={[styles.innerRow,styles.row]}>
                            <Text style={styles.itemTx}>宝箱钥匙</Text>
                            <Text style={styles.itemTx}>1</Text>
                        </View>
                        <Image source={require('../../icon/common/icon_go.png')}></Image>
                    </View>
                    <View>
                        <Text style={styles.tipTip}>
                            宝箱钥匙可通过其他用户点赞积累免费获得
                        </Text>
                    </View>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container:{
        flex:1,
        backgroundColor:'#fff',
        flexDirection:'column',
        justifyContent:'flex-start',
    },
    paddingContainer:{
        paddingTop:10,
        paddingLeft:15,
        paddingRight:15,
    },
    row:{
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
    },
    lineBottom:{
        borderBottomWidth:.4,
        borderBottomColor:'#C8C8C8',
    },
    innerRow:{
        flex:1,
        height:72,
        marginRight:30,
    },
    itemTx:{
        color:'#5F6484',
        fontSize:15,
    },
    tipTip:{
        color:'#B0B2C2',
        fontSize:12,
    }
});